<!--Add_code添加卡片-->
<template>
  <div class="addcode">
    <div class="addcode-header">
      <mt-header title="提现">
        <router-link to="/drawMoney" slot="left">
          <mt-button icon="back"></mt-button>
        </router-link>
      </mt-header>
    </div>
    <div class="addcode-content">
      <mt-field label="银行名称" placeholder="请输入银行全名" v-model="cardName"></mt-field>
      <mt-field label="开户行" placeholder="请输入开户行名称" v-model="openingCard"></mt-field>
      <mt-field label="银行卡号" placeholder="请输入银行卡号" type="number" v-model="cardNumber"></mt-field>
      <mt-field label="开户姓名" placeholder="请输入开户姓名" type="text" v-model="userName"></mt-field>
      <mt-field label="身份证号" placeholder="请输入身份证号" type="number" v-model="idCard"></mt-field>
      <mt-field label="手机号" placeholder="请输入手机号" type="tel" v-model="phone"></mt-field>
      <mt-field label="验证码" v-model="captcha">
        <img src="../images/100x100.png" height="45px" width="100px">
      </mt-field>
      <mt-button type="primary" size='large' class="backgrounds">提交</mt-button>
    </div>
  </div>
</template>
<script typy="text/ecmascript-6">
export default {
    data (){
        return {
          cardName:'',
          openingCard:'',
          cardNumber:'',
          userName:'',
          idCard:'',
          phone:'',
          captcha:''
        }
    }
}
</script>
<style scoped lang="less" rel="stylesheet/less">
  @import "../../lib/less/variable";
  .addcode{
    .addcode-header{
      header{
        background: #fff;
        color: #666;
      }
    }
    button{
      .mt(10)
    }
  }
</style>
